<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css" />
		<title></title>
	</head>

	<body>
		<div class="wrap">
			<header>
				<p></p>
				<a href="javascript:void(0)">下载APP</a>
			</header>
			<ul class="nav">
				<li class="current">推荐 </li>
				<li>排行榜</li>
				<li>搜索</li>
			</ul>
			<!-------------第一页------------->
			<div class="see first active">
				<!--轮播图-->
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><img src="img/banner0.jpg" /></div>
						<div class="swiper-slide"><img src="img/banner1.jpg" /></div>
						<div class="swiper-slide"><img src="img/banner2.jpg" /></div>
						<div class="swiper-slide"><img src="img/banner3.jpg" /></div>
						<div class="swiper-slide"><img src="img/banner4.jpg" /></div>
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination"></div>
				</div>
				<div class="diantai">
					<h2 class="list_title">电台</h2>
					<ul class="list_container">
						<li class="js_play_radio">
							<a class="list_main" href="javascript:;">
								<div class="list_media">
									<img src="https://y.gtimg.cn/music/photo/radio/track_radio_199_13_1.jpg?max_age=2592000" alt="">
									<span class="icon icon_play"></span>
								</div>
								<div class="list_info">
									<h3>热歌</h3>
								</div>
							</a>
						</li>
						<li class="js_play_radio">
							<a class="list_main" href="javascript:;">
								<div class="list_media">
									<img src="https://y.gtimg.cn/music/photo/radio/track_radio_307_13_1.jpg?max_age=2592000" alt="">
									<span class="icon icon_play"></span>
								</div>
								<div class="list_info">
									<h3>一人一首招牌歌</h3>
								</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="diantai">
					<h2 class="list_title">热门歌单</h2>
					<ul class="list_container" id="uuu">

					</ul>
					<p class="list_more">
						<a href="javascript:void(0)">去客户端发现更多好音乐 &gt;</a>
					</p>
				</div>
				<footer>
					<div class="wangye">
						<a href="http://y.qq.com/?ADTAG=myqq&amp;nomobile=1#type=index">查看电脑版网页</a>
					</div>
					<div class="footer_logo"></div>
					<p class="copyright">Copyright © 1998 - <span id="js_cpright_year">2018</span> Tencent. All Rights Reserved.</p>
					<p id="js_iosinfo" class="copyright">联系电话：0755-86013388 QQ群：55209235</p>
				</footer>
			</div>

			<!-------------第二页--------------------->
			<div class="see second">
				<div class="two">
					<ul id="ttt">

					</ul>
					<p class="list_more">
						<a href="javascript:void(0)">去客户端发现更多好音乐 &gt;</a>
					</p>
				</div>
			</div>
			<!-------------第三页--------------------->
			<div class="see three">
				<div class="s_frame">
					<div class="f_con">
						<i ></i>
						<input type="search" name="" id="" placeholder="搜索歌曲、歌单、专辑" />
					</div>
				</div>
				<div class="hot_keys">
					<h3>热门搜索</h3>
					<div class="result_tags" id="ppp">
						<a href="#" class="tag_s tag_hot">梦想的声音第二季</a>
						<a href="#" class="tag_s">JUST LIKE THIS</a>
						<a href="#" class="tag_s">像我这样的人</a>
						<a href="#" class="tag_s">普通DISCO</a>
						<a href="#" class="tag_s">我们不一样</a>
						<a href="#" class="tag_s">PSYCHO</a>
						<a href="#" class="tag_s">等你下课</a>
					</div>
				</div>
			</div>
		</div>
		</div>
		<!--<script src="js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="js/require.js" data-main = "js/main" async defer></script>
	</body>

</html>